// 管理菜单相关的数据
// 用 ES6 的语法，将当前对象导出，然后在 store->index.js 中引入，便可以放进 Modules 中
export default{
    state: {
        isCollapse: false, // 定义字段，控制菜单的展开还是收起
        tabsList: [
            // 显示一个默认的首页
            {
                path: '/',
                name: 'home',
                label: '首页',
                icon: 's-home',
                url: 'Home/Home'
            }
        ] // 面包屑数据
    },
    mutations: {
        // 定义修改菜单展开收起的方法
        collapseMenu(state){
            state.isCollapse = !state.isCollapse
        },
        // 更新面包屑数据 (当选择菜单时也会触发这个方法)
        selectMenu(state, val){
            // 判断添加的数据是否为首页
            if (val.name !== 'home'){
                const index = state.tabsList.findIndex(item => item.name === val.name)
                // 如果不存在
                if (index === -1){
                    state.tabsList.push(val)
                }
            }
        },
        // 删除指定的 tag 数据
        closeTag(state, item) {
            console.log(item,'item')
            const index = state.tabsList.findIndex(val => val.name === item.name)
            state.tabsList.splice(index, 1)
        }
    }
}